<!--added into home.html-->
{% extends "base.html" %}
{% block userPannel %}
    <br> <br>
{% endblock %}

{% block content %}

    <style type="text/css">

        body {
            background: url({{ STATIC_URL }}img/grass.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }

    </style>

    <style xmlns="http://www.w3.org/1999/html">
        a:link {
            color: #ff4500;
        }

        a:hover {
            color: red;
        }
    </style>

    <form class="form-horizontal" action="." method="post">
        {% csrf_token %}
        <h4 style="margin-left: 100px;"> Reset Password</h4> <br>

        {% if form.email.errors|length > 0 %}
            <div class="control-group error">
        {% else %}
            <div class="control-group">
        {% endif %}
            <label class="control-label" for="id_email">Email<span style="padding-left:10px"></label>

            <div class="controls">
                <input type="text" id="id_email" name="email" placeholder="Email">
                {% if form.email.errors|length > 0 %}
                    <span class="help-inline">
                            {% for error in form.email.errors %}
                                {{ error|escape }}
                            {% endfor %}
                        </span>
                {% endif %}
            </div>
        </div>

        <div class="control-group">
            <div class="controls">
                <button type="submit" class="btn btn-danger">Reset Password</button>
                <a href="#" class="btn" rel="popover" title="How to reset password?" data-content="
            1. Enter your e-mail.
            2. Click the reset password button.
            3. Check your mailbox for reset link.
            4. Reset with your new password ">Help</a>
            </div>
        </div>

    </form>

{% endblock %}